<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.header {
	width: 100%;
}
#container {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.head {
	background-color: #058e01;
	width: 100%;
}
.logo img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.greenbar {
	height: 12px;
	background-color: #025e00;
}
ul.navmenu {
margin-right:50px;
}
ul.navmenu li {
	display: inline;
	list-style-type: none;
}
ul.navmenu   li   a {
	text-decoration: none;
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	float: right;
		background-color: #3bca37;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 7px;
	padding-right: 17px;
	padding-bottom: 7px;
	padding-left: 17px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #a9ff7e;
	border-right-color: #a9ff7e;
	border-bottom-color: #a9ff7e;
	border-left-color: #a9ff7e;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
ul.navmenu   li   a:hover {
	text-decoration: none;
	font-family: Arial;
	font-size: 14px;
	background-color: #95ec6a;
}

ul.navmenu li a:hover span{
font-family: Arial;
font-size: 14px;
color:#000000;
}
.alignbottom
{
	vertical-align:bottom;
}

.alignright
{
text-align:right;
}
.summary .value{
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.summary .even {
	background-color: #a9ff7e;
	float: left;
	text-align: center;
	width: 11.10%;
	overflow: auto;
}
.summary .odd {
	background-color: #95ec6a;
	float: left;
	text-align: center;
	width: 11.09%;
	overflow: auto;
}
.summary .title {
	font-family: Georgia;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}

.greenback {
	background-color: #65d912;
	padding: 10px;
	border: 1px solid #009933;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	margin: 5px;
}

a:hover span.tab1,a:hover span.tab2{
background-color: #f6f6f6;
}

.title1{
	font-family: Georgia;
	font-size: 30px;
	font-weight: normal;
	color: #025e00;
	text-decoration: none;
}

span.tab1,span.tab2{
	background-color: #94ff5f;
		padding: 10px;
}

span.currenttab
{
	background-color: #f6f6f6;
}

.tab1{
	-moz-border-radius-topleft:8px;
}
.tab2{
	-moz-border-radius-topright:8px;
}
.tab{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


.tabcontent{
	background-color: #f6f6f6;
	padding: 10px;
}

.tabcontent  tr.title{
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	text-align: center;
}

.tabcontent  tr.value{
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-align: center;

}

.tabcontent  tr.value td{
	padding-top: 10px;
	padding-bottom: 10px;
}
.value input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #E1E6F6;
}
.value .input {
	padding: 5px;
	border: 1px solid #999999;
	background-color: #E1E6F6;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;

}

.save{
	background-color: #65D912;
	border: 1px solid #3bca37;
}
.save:hover {
background-color: #058E01;
}
.cancel{
	background-color: #F92828;
	border: 1px solid #FF0000;
}
.cancel:hover {
	background-color: #E27878;
}

.buttons {
	font-family: Tahoma;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	padding-left: 10px;
}

.buttons:hover {
color: #000000;
	
}


.buttons span{
	background-repeat: no-repeat;
	background-position: left 60%;
	padding-left: 19px;
}

.save span{
	background-image: url(images/add.png);
}
.cancel span{
	background-image: url(images/cancel.png);
}


table.datatable1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

table.datatable1 td
{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
}

table.datatable1 td img
{
	padding-right: 3px;
	padding-left: 3px;
	cursor: pointer;
}
table.datatable1 tr th
{
	background-image: url(images/tablebg.png);
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.5em;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #43a412;
	border-left-color: #028d01;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #484848;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
}

table.datatable1 .even
{
	background-color: #efefef;
	color: #00444e;
}

table.datatable1 .odd
{
	background-color: #dddddd;
	color: #333333;
}



-->
</style>
</head>

<body>
<div id="container">
<div class="header">
<table width="100%" class="head" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="25%" class="logo"><a href="dashboard.aspx"><img src="images/billbooklogo.png" alt="BILL BOOK" /></a></td>
<td width="75%"class="alignright alignbottom">
<ul class="navmenu">
<li><a href="#"><span>LogOut</span></a></li>
<li><a href="#"><span>Graphs</span></a></li>
<li><a href="#"><span>Reports</span></a></li>
<li><a href="#"><span>Notifications</span></a></li>
<li><a href="#"><span>My Expenses</span></a></li>
<li><a href="#"><span>Home</span></a></li>
</ul>
</td>
</tr>
</table>
<div class="greenbar">&nbsp;</div>
<div><br/><br/></div>
<div class="greenback">
<div class="tab">
<a href="#" class="title1"><span class="tab1 currenttab">I Have To Pay &nbsp; &nbsp; </span></a>&nbsp;
<a href="#" class="title1"><span class="tab2">I Have To Receive</span></a>
</div>
<div class="tabcontent">
<table width="100%"  cellpadding="0" cellspacing="0" border="0">
<tr class="title"><td>Amount</td><td>Pay To</td><td>Category</td><td>Description</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr class="value"><td><span class="input"><input id="" type="text" /></span></td><td><span class="input"><input id="" type="text" /></span></td><td><span class="input"><input id="" type="text" /></span></td><td><span class="input"><input id="" type="text" /></span></td><td><a class="buttons save" href="#"><span>Save</span></a>&nbsp;<a class="buttons cancel" href="#"><span>Cancel</span></a></td><td><img src="images/indicator.gif" /></td></tr>
</table>
</div>
<div class="">
<table class="datatable1" width="100%" cellspacing="0">
<tr><th>Sr.No</th><th>Name</th><th>Category</th><th>Description</th><th>Date</th><th>Amount</th></tr>
<tr class="even"><td>1</td><td>Anant</td><td>Loan Given</td><td>Will return by next Month</td><td>12 March 2009</td><td>600</td></tr>
<tr class="odd"><td>2</td><td>Rashmil</td><td>Entertainment</td><td>Went for Transformer Movie</td><td>12 April 2009</td><td>125.50</td></tr>
</table>
</div>

</div>
</div>
</div>

</body>
</html>
